<template>
  <!-- 自定义组件的主题色跟随改变示例 -->
  <div class="custom-wrapper">
    <h2 class="title-h1">自定义组件的主题色跟随改变示例</h2>
    <div class="box">背景跟随</div>
  </div>
</template>

<script>
export default {
  name: 'Custom'
}
</script>

<style lang="less" scoped>
@import '~@/assets/theme.less';

.custom-wrapper {
  margin-top: 16px;
  .title-h1 {
    color: @primary-color;
  }
  .box {
    background: @primary-color;
    color: #fff;
  }
}
</style>
